{% extends 'base.html' %}
{% load static %}
{% load tasks_tags %}


{% block content %}
    
<div class="pre-main__nav-area border-bottom">
    <div class="nav">
        <div class="void"></div>
        <div class="nav-container">

            <div class="nav nav-container__items">

                <div class="nav-container__items-item large">
                    <a href="{% url 'task:main' year|correct:3 %}">{{ year|correct:3 }}</a>
                </div>
                <div class="nav-container__items-item large">
                    <a href="{% url 'task:main' year|correct:2 %}">{{ year|correct:2 }}</a>
                </div>
                <div class="nav-container__items-item large">
                    <a href="{% url 'task:main' year|correct:1 %}">{{ year|correct:1 }}</a>
                </div>
                <div class="nav-container__items-item large">
                    <a href="{% url 'task:main' actual_year|correct:0 %}">{{ actual_year }}</a>
                </div>
            </div>
            
        </div>

    </div>
</div>
    <div class="main">
        
        {% if user.background_image %}
            <p class="userBackground hidden">{{ user.background_image.url }}</p>
        {% endif %}
            
        <div class="profile">
            <div class="profile-frame">
                <div class="profile-frame__left">
                    <div class="profile-frame__left profile-frame__left__avatar">
                        
                        {% if user.avatar %}
                            <img src="{{ user.avatar.url }}" alt="profile-image" class="profile-image">
                        {% else %}
                            <img src="{% static 'images/no-user-image.gif' %}" alt="profile-image" class="profile-image">
                        {% endif %}
                            
                    </div>
                    <div class="profile-frame__left profile-frame__left__personal-info large">
                        {% if user.display_name %}
                            <p class="username">{{ user.display_name }}</p>
                        {% else %}
                        <br>
                        {% endif %}
                        <br>
                        {% if user.city %}
                            <p class="city">{{ user.city }}</p>
                        {% else %}
                            <br>
                        {% endif %}
                        <p class="email">{{ user.email }}</p>
                        <br>
                        {% if user.about %}
                            <p class="email">{{ user.about }}</p>
                        {% endif %}
                    </div>
                    <div class="profile-frame__left__gifts">
                        <div class="profile-frame__left__gifts__gift">
                                <!-- <img src="./gift.png" alt="gift"> -->
                        </div>
                    </div>
                </div>

                
                {% block right_frame %}
                
                {% endblock right_frame %}


            </div>
        </div>
    </div>

{% endblock content %}
